/* sidebar animate */
.panel-overlay {
    background-image: url("../image/bg.jpg");
    background-size: 100% 100%;
    opacity: 0;
    display: block;
    pointer-events: none;

    -webkit-transform: translate3D(0,0,0) scale(1);
    transform: translate3D(0,0,0) scale(1);

    -webkit-transition: all .4s;
    transition: all .4s;
}
body.with-panel-left-reveal .panel-overlay {
    margin-left: 0;
    pointer-events: auto;
    opacity: .75;
    -webkit-transform: translate3D(200px, 0, 0) scale(.75);
    transform: translate3D(200px, 0, 0) scale(.75);
}
body.with-panel-left-reveal .views {
    -webkit-transform: translate3d(200px, 0, 0) scale(.75);
    transform: translate3d(200px, 0, 0) scale(.75);
}
.panel.panel-left {
    display: block;
    width: 240px;
    opacity: 0;

    -webkit-transform: translate3D(-120px, 0, 0) scale(.75);
    transform: translate3D(-120px, 0, 0) scale(.75);

    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
}
.panel.panel-left.panel-reveal.active {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0) scale(1);
    transform: translate3D(0, 0, 0) scale(1);
}
/* sidebar animate end */